<div>
    <h4>
        <ol class="breadcrumb">
            <li th:each="fl,index : ${functionLink}">
                <a class="Jump-box" th:attrappend="data-id=${fl['id']}" data-type="1" th:if="${index.count}==1" href="javascript:void(0)">
                    <i th:classappend="${#strings.isEmpty(fl['iconClass'])}?'fa-home':${fl['iconClass']}" class="fa"></i> <span th:text="${fl.functionName}"></span>
                </a>
                <a th:attrappend="data-id=${fl['id']}" data-type="2" th:classappend="${#strings.isEmpty(fl['functionUrl'])}?'Jump-box':''" th:if="${index.count} !=1 and ${index.count} != ${#lists.size(functionLink)}" th:href="${#strings.isEmpty(fl['functionUrl'])}?'javascript:void(0);':${fl.functionUrl}">
                    <i class="fa fa-angle-double-left"></i>
                    <span th:text="'  ' + ${fl.functionName}">
                </span>
                </a>
                <strong th:if="${index.count} == ${#lists.size(functionLink)}" th:text="${fl.functionName}"></strong>
            </li>
        </ol>
    </h4>
</div>